<script language="javascript">
function checkSignupPassword(){
	return $("#password").val() == $("#verify_password").val();
}
$(document).ready(function(){
	$("#signup_form > input[type='password']").keyup(function(eventObject){
		if(!checkSignupPassword()){
			$("#signup_form > input[type='password']").css({"backgroundColor":"#F8A8A8"});
		}else{
			$("#signup_form > input[type='password']").css({"backgroundColor":"#414141"});
		}
		
	});
	
	$("#signup_form").submit(function(){
		if(!checkSignupPassword()){
			return false;
		}else{
			return true;
		}
	
	});
});
</script>

<div class="content clearfix">
			<!--panel box1-->
            <div class="left">
				<h1>Welcome to Logical Media </h1>
				<h2>Are you a new client? Let's Begin.</h2>		
				<p class="color">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
				<h2>It's Simple and Cost-Effective!</h2>
				<p class="color">See a demo of our client tools in action <a href="#">here &raquo;</a></p>
			</div>
            <!--panel box1 close-->
            
             <!--panel box2-->
			<div class="left">
            	<h1>Member Login</h1>
				<!-- Login Form -->
					<form action="/login" method="post">
					<label class="color">Username:</label>
					<input class="field" type="text" name="email" id="log" value="" size="23">
					<label class="color" for="password">Password:</label>
					<input class="field" type="password" name="password" id="pwd" size="23">
	            	<label><input name="rememberme" id="rememberme" type="checkbox" value="forever"> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login">
					<a class="lost-pwd" href="#">Lost your password?</a>
					</form>
                    
			</div>
            <!--panel box2 close-->
            
            <!--panel box3-->
			<div class="left right">
            	<h1>Not a member yet? Sign Up!</h1>			
            		<form action="/signup" method="post" id="signup_form">
						<label class="color" for="email">Username:</label>
						<input class="field" type="text" name="email" id="email" value="" size="23">
						<label class="color" for="password">Password:</label>
						<input class="field" type="password" name="password" id="password" size="23">
						<label class="color" for="password">Verify Password:</label>
						<input class="field" type="password" name="verify_password" id="verify_password" size="23">
						<input type="submit" name="submit" value="Register" class="bt_register">
					</form>
					
			</div>
            <!--panel box3-->
            
		</div>